/* mine/index/index.wxss */
page{
    background: #f8f8f8;
}
.contain{
    width:100%;
    height:400rpx;
    background: linear-gradient(to right,#fdb03e,#fe572a);
}
.user_contain{
    padding:20rpx;
    height:100%;
    display: flex;
    align-items: center;
}
.user_pic{
    width:150rpx;
    height:150rpx;
}
.user_pic .t-image{
    width:100%;
    height:100%;
    border-radius: 50%;
}
.user_info{
    margin-left:30rpx;
    font-size: 35rpx;
    color:white;
}

.body{
    padding:20rpx;
    margin-top:-100rpx;
}
.vip_body{
    padding-bottom: 20rpx;
}
.vip_contain{
    width:100%;
    height:100rpx;
    background: linear-gradient(to right,#a57a52 ,#e1c49a);
    border-radius: 20rpx;
    display: flex;
    align-items: center;
    font-size: 35rpx;
    color:white;
    font-weight: bold;
}
.vip_image{
    width:50rpx;
    height:50rpx;
    margin-left: 50rpx;
    margin-right:50rpx;
}
.vip_image .img{
    width:100%;
    height:100%;
}

.body_item{
    border-radius: 20rpx;
    background-color: white;
    padding:20rpx;
    margin-bottom: 50rpx;
}
.item_title{
    font-size: 30rpx;
    padding:20rpx 0;
    border-bottom: 1px solid #f8f8f8;
}
.item_content{
    padding:20rpx;
}
.j_item_content{
    padding:20rpx;
    display: flex;
    justify-content: space-between;
    font-size: 28rpx;
}
.j_item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.j_item_title{
    font-weight: bold;
    margin-bottom:20rpx;
}
.j_item_info{
    display: flex;
    align-items: center;
    width:100%;
}
.j_item{
    width:33%;
}
.j_item_info{
    text-align: center;
}
.j_item_info text.price{
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.j_item_info text{
    padding-left:10rpx;
}
.j_item_info text.mx{
    width:40%;
    color:blue;
}
.user_info_contain{
    margin:20rpx 0;
    padding-top:15rpx;
    border-top: 1px solid #f8f8f8;
    font-size: 24rpx;
}
#notice{
    margin:0;
    padding:0;
    background-color:  red;
}
.kf_btn{
    margin:10rpx;
    text-align: center;
}
.kf_btn button{
    width:100%;
    background:orange;
    color:white;
    font-size: 30rpx;
    font-weight: normal;
}
.us_info{
    padding:20rpx;
    font-size: 28rpx;
}
.us_tel{
    margin-bottom: 15rpx;
}
.us_info text{
    color:#8b8b8b;
}


/*foot_nav*/
/*nav*/
.foot_nav{
    width:100%;
    height:110rpx;
    position:fixed;
    left:0;
    bottom:0;
  }
  .foot_nav_body{
    width:100%;
    height:100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    background: white;
  }
  .foot_nav_item{
    width:25%;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .foot_nav_item .t-image{
    width:50rpx;
    height:50rpx;
  }
  .foot_nav_item text{
    margin-top:10rpx;
    font-size: 24rpx;
    color:#8b8b8b;
  }
  